<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery.dialog</title>
<link rel="stylesheet" type="text/css" href="../themes/default/linkbutton.css" />
<link rel="stylesheet" type="text/css" href="../themes/default/panel.css" />
<link rel="stylesheet" type="text/css" href="../themes/default/dialog.css" />
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript" src="../src/jquery.parser.js">
</script>
<script type="text/javascript" src="../src/jquery.resizable.js">
</script>
<script type="text/javascript" src="../src/jquery.linkbutton.js">
</script>
<script type="text/javascript" src="../src/jquery.panel.js">
</script>
<script type="text/javascript" src="../src/jquery.dialog.js">
</script>
</head>
<body>
<div class="xui-dialog" style="width:600px;height:300px"
		data-options="title:'My Dialog',modal:true,closed:true,buttons:'#tb'">
	对话框
</div>
<div id="tb">
  <a href="#" class="xui-linkbutton" data-options="iconCls:'icon-edit'">测试1</a>
  <a href="#" class="xui-linkbutton" data-options="iconCls:'icon-help'">测试2</a>
</div>
<script type="text/javascript">
$('.xui-linkbutton').linkbutton();
$('.xui-dialog').dialog().dialog('open');
</script>
</body>
</html>